﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>运动健身建议</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="css/pingce.css">
<script src="js/jq-slid.js"></script>
<script src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body >
<!-- 头部Tab切换开始 -->
	<div class="slideTxtBox">
		<!-- 切换头部样式 -->
		<div class="hd"> 
		  <!-- <span class="arrow"><a class="next"></a><a class="prev"></a></span> -->
		  <ul>
				<li value="27" onclick="showdesc(this)">慢跑</li>
				<li value="28" onclick="showdesc(this)">跳绳</li>
				<li value="29" onclick="showdesc(this)">游泳</li>
				<li value="30" onclick="showdesc(this)">单车</li>
		  </ul>
		</div>
		<!-- 具体建议 -->
		<div class="bd">
		  <ul>	  
				<li><p>运动时长:<span id="data1"></span>分钟 </p>
					<p id="desc1"></p>
				</li> 
		  </ul>
		  <ul>	  
				<li><p>运动时长:<span id="data2"></span>分钟 </p>
					<p id="desc2"></p>
				</li> 
		  </ul>
		  <ul>	  
				<li><p>运动时长:<span id="data3"></span>分钟 </p>
					<p id="desc3"></p>
				</li> 
		  </ul>
		  <ul>	  
				<li><p>运动时长:<span id="data4"></span>分钟 </p>
					<p id="desc4"></p>
				</li> 
		  </ul>
		</div>
	</div>
<!-- 头部Tab切换结束 -->
<!-- 内容提交区开始 -->
<form method="get"  id="sports">
	<div class="main-txt">
		<p><span>健身类型：</span>
			<input hidden value="2" name="cate_id" id="cate_id">
			<select name="cate" id="cate">
				<option value="27">慢跑</option>
				<option value="28">跳绳</option>
				<option value="29">游泳</option>
				<option value="30">单车</option>
			</select>
		</p>
		<p><span>运动时长：</span>
			<select name="spec" id="spec">
				<option value="20">0-20min</option>
				<option value="40">20-40min</option>
				<option value="60">40-60min</option>
				<option value="180">60-180min</option>
			</select>
		</p>
		<p class="btns">
			<button  class="btn btn-primary" onclick="sub(this)">提交</button>
		</p>
	</div>
</form>
<!-- 内容提交区结束 -->
<!-- 切换区域js -->
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script>
<script>
$.ajax({
	url:"/user/catedesc?cate_id=2&sec_cate_id=27",
	type:"GET",
	dataType:"json",
	success:function(data){
				$("#data1").text(data.data);
			
				$("#desc1").html(data.desc);
	}
});
function showdesc(a){
	$.ajax({
		url:"/user/catedesc?cate_id=2&sec_cate_id="+a.value,
		type:"GET",
		dataType:"json",
		success:function(data){
			if(a.value==27){
				$("#data1").text(data.data);
				$("#desc1").html(data.desc);
			}else if(a.value==28){
				$("#data2").text(data.data);
				$("#desc2").html(data.desc);
			}else if(a.value==29){
				$("#data3").text(data.data);
				$("#desc3").html(data.desc);
			}else{
				$("#data4").text(data.data);
				$("#desc4").html(data.desc);
			}
			
		}
	});
}
// 成功提示
	function sub(a){
		//$("sports").submit();
		var cate_id = $("#cate_id").val();
		var cate = $("#cate option:selected").val();
		var spec = $("#spec option:selected").val();
		$.ajax({
			url:"/user/submitdata?cate_id="+cate_id+"&cate="+cate+"&spec="+spec,
			type:"get",
			dataType:"json",
			success:function(data){
				console.log(data);
				alert(data);
			}
		})
	}
</script>
</body>
</html>

